function cargarLogin() {

//alert("Cargo Login");

    var loginBox = $('#login-box');
    //Fade in the Popup and add close button
    $(loginBox).fadeIn(300);

    //Set the center alignment padding + border
    var popMargTop = ($(loginBox).height() + 24) / 2;
    var popMargLeft = ($(loginBox).width() + 24) / 2;

    $(loginBox).css({
        'margin-top': -popMargTop,
        'margin-left': -popMargLeft
    });

    // Add the mask to body
    $('body').append('<div id="mask"></div>');
    $('#mask').fadeIn(300);

    $('#botonConectar').on('click', function() {

        if (LeyendoDatos())
        {
            $('#mask , .login-popup').fadeOut(300, function() {
                $('#mask').remove();

            });
        }
        //return false;
    });

}
function montarLogin() {
    var div_login_box = $('<div></div>');
    div_login_box.attr('id', 'login-box');
    div_login_box.attr('class', 'login-popup');

    /*FORM BASICO*/

    var formulario = $('<form></form>');
    formulario.attr('method', 'post');
    formulario.attr('class', 'signin');
    formulario.attr('action', '#');

    var fieldSetformulario = $('<fieldset></fieldset>');
    fieldSetformulario.attr('class', 'textbox');

    var labelUsername = $('<label></label>');
    labelUsername.attr('class', 'username');
    var spanUsername = $('<span></span>');
    spanUsername.html("Username");
    var inputUsername = $('<input>');
    inputUsername.attr('id', 'username');
    inputUsername.attr('name', 'username');
    inputUsername.attr('value', 'SYS');
    inputUsername.attr('type', 'text');
    inputUsername.attr('autocomplete', 'on');
    inputUsername.attr('placeholder', 'Username');
    labelUsername.append(spanUsername);
    labelUsername.append(inputUsername);

    var labelPassword = $('<label></label>');
    labelPassword.attr('class', 'password');
    var spanPassword = $('<span></span>');
    spanPassword.html("password");
    var inputPassword = $('<input>');
    inputPassword.attr('id', 'password');
    inputPassword.attr('name', 'password');
    inputPassword.attr('value', 'root');
    inputPassword.attr('type', 'password');
    inputPassword.attr('placeholder', 'Password');
    labelPassword.append(spanPassword);
    labelPassword.append(inputPassword);

    var labelHost = $('<label></label>');
    labelHost.attr('class', 'lableHost');
    var spanHost = $('<span></span>');
    spanHost.html("Host");
    var inputHost = $('<input>');
    inputHost.attr('id', 'host');
    inputHost.attr('name', 'host');
    inputHost.attr('value', '127.0.0.1');
    inputHost.attr('type', 'text');
    inputHost.attr('autocomplete', 'on');
    inputHost.attr('placeholder', 'Host');
    labelHost.append(spanHost);
    labelHost.append(inputHost);

    var labelPuerto = $('<label></label>');
    labelPuerto.attr('class', 'lablePuerto');
    var spanPuerto = $('<span></span>');
    spanPuerto.html("Puerto");
    var inputPuerto = $('<input>');
    inputPuerto.attr('id', 'puerto');
    inputPuerto.attr('name', 'puerto');
    inputPuerto.attr('value', '1521');
    inputPuerto.attr('type', 'text');
    inputPuerto.attr('autocomplete', 'on');
    inputPuerto.attr('placeholder', 'Puerto');
    labelPuerto.append(spanPuerto);
    labelPuerto.append(inputPuerto);

    var labelSID = $('<label></label>');
    labelSID.attr('class', 'lableSID');
    var spanSID = $('<span></span>');
    spanSID.html("SID");
    var inputSID = $('<input>');
    inputSID.attr('id', 'sid');
    inputSID.attr('name', 'sid');
    inputSID.attr('value', 'orcl');
    inputSID.attr('type', 'text');
    inputSID.attr('autocomplete', 'on');
    inputSID.attr('placeholder', 'SID');
    labelSID.append(spanSID);
    labelSID.append(inputSID);

//    var labelSYSDBA = $('<label></label>');
//    labelSYSDBA.attr('class','sysdba');
//    var spanSYSDBA = $('<span></span>');
//    spanSYSDBA.html("as sysdba");
//    var inputSYSDBA = $('<input>');
//    inputSYSDBA.attr('id','as_sysdba');
//    inputSYSDBA.attr('name','as_sysdba');
//    inputSYSDBA.attr('value','as_sysdba');
//    inputSYSDBA.attr('type','checkbox');
//    labelSYSDBA.append(spanSYSDBA);
//    labelSYSDBA.append(inputSYSDBA);

    var botonRemoto = $('<button></button>').html("Remoto DBLink");
    botonRemoto.attr('id', 'botonRemoto');
    botonRemoto.attr('class', 'button');
    botonRemoto.attr('type', 'button');
    botonRemoto.attr('onclick', 'createMsg("ERROR", "Funcionalidad no Disponible",1)');


    var botonConectar = $('<button></button>').html("Conectar");
    botonConectar.attr('id', 'botonConectar');
    botonConectar.addClass("submit button");
    botonConectar.attr('type', 'button');
    botonConectar.attr('onclick', 'LeyendoDatos()');

    fieldSetformulario.append(labelUsername);
    fieldSetformulario.append(labelPassword);
    fieldSetformulario.append(labelHost);
    fieldSetformulario.append(labelPuerto);
    fieldSetformulario.append(labelSID);
    //fieldSetformulario.append(labelSYSDBA);
    fieldSetformulario.append(botonRemoto);
    fieldSetformulario.append(botonConectar);

    formulario.append(fieldSetformulario);
    //formulario.append("<p></p>").html("Esto es un ejemplo de <br> porque si<br> jsjsjsjsjsjs<br> jahjdajhkajksda<br>");
    var formDBLINK = $("<form></form>");
    formDBLINK.attr('id', 'formBDLINK');
    div_login_box.append(formulario);

    $("#wrapper").prepend(div_login_box);
}

function LeyendoDatos()
{
    var dbUser = $("#username").val();
    var dbPass = $("#password").val();
    var dbDatabase = $("#sid").val();
    var dbHost = $("#host").val();
    var dbPuerto = $("#puerto").val();

    if (dbUser == "SYS" && dbPass == "root" && dbDatabase == "orcl" && (dbHost == "127.0.0.1" || dbHost == "localhost") && dbPuerto == "1521")
    {
        return true;
    } else
    {
        createMsg("Error de Credenciales", "Alguno de los datos ingresados es incorrecto", 1);
        return false;
    }


}